﻿<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<jsp:useBean id="code" scope="page" class="com.util.CheckCode" />
<%@taglib prefix="s" uri="/struts-tags"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>家教中介平台系统</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="robots" content="all,follow">
    <link rel="stylesheet" href="images/vendor/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="images/vendor/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="images/css/fontastic.css">
    <link rel="stylesheet" href="images/css/grasp_mobile_progress_circle-1.0.0.min.css">
    <link rel="stylesheet" href="images/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.css">
    <link rel="stylesheet" href="images/css/style.default.css" id="theme-stylesheet">
    <link rel="stylesheet" href="images/css/custom.css">
    <link rel="shortcut icon" href="images/img/favicon.ico">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
  	<script type="text/javascript">
	function hsgchecklogin() {
	if(document.f11.username.value=="" || document.f11.pwd.value=="" || document.f11.pagerandom.value=="")
	{
		alert("请输入完整");
		return false;
	}
	if (document.f11.pagerandom.value != document.f11.yzm.value) {
			alert("验证码错误！");
			document.f11.pagerandom.focus();
			return false;
	}
	
	}
	</script> 
  <body>
    <div class="page login-page">
      <div class="container">
        <div class="form-outer text-center d-flex align-items-center">
          <div class="form-inner">
            <div class="logo text-uppercase"><span></span><strong class="text-primary">家教中介平台系统</strong></div>
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p>
        
			 <form name="f11" id="f11" method="post" action="hsgloginyanzheng.jsp" class="text-left form-validate">
              <div class="form-group-material">
                <input id="username" type="text" name="username" required data-msg="Please enter your username" class="input-material">
                <label for="login-username" class="label-material">Username</label>
              </div>
              <div class="form-group-material">
                <input id="pwd" type="password" name="pwd" required data-msg="Please enter your password" class="input-material">
                <label for="login-password" class="label-material">Password</label>
              </div>
			  <div class="form-group-material"><label for="login-username" class="label-material">权限</label>
                <select name="cx" id="cx" style="width:200px; height:35px">
            <option value="管理员">管理员</option>


          </select>
              </div>
			   <div class="form-group-material"><label for="login-username" class="label-material">验证码</label> <%
								String yzm=code.getCheckCode();
								%>  <input type="hidden" name="yzm" value="<%=yzm %>" >
								   <%=yzm %>
                <input name="pagerandom" type="text" id="pagerandom" class="input-material" >
              </div>
              <div class="form-group text-center">
			  <input type="submit" name="Submit" value="登陆" class="btn btn-primary" onClick="return hsgchecklogin();">
                <input type="reset" name="Submit2" value="重置" class="btn btn-primary">
                
              </div>
            </form>
          </div>
          <div class="copyrights text-center">          </div>
        </div>
      </div>
    </div>
    <script src="images/vendor/jquery/jquery.min.js"></script>
    <script src="images/vendor/popper.js/umd/popper.min.js"> </script>
    <script src="images/vendor/bootstrap/js/bootstrap.min.js"></script>
    <script src="images/js/grasp_mobile_progress_circle-1.0.0.min.js"></script>
    <script src="images/vendor/jquery.cookie/jquery.cookie.js"> </script>
    <script src="images/vendor/chart.js/Chart.min.js"></script>
    <script src="images/vendor/jquery-validation/jquery.validate.min.js"></script>
    <script src="images/vendor/malihu-custom-scrollbar-plugin/jquery.mCustomScrollbar.concat.min.js"></script>
    <script src="images/js/front.js"></script>
  </body>
</html>